<style lang="scss" scoped>
@import '../../style/mixin-rem.scss';
.book-details-content-navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  .nav-item {
    width: rem(100px);
    height: rem(46px);
    background-color: #f2f2f2;
    font-size: rem(26px);
    line-height: rem(46px);
    text-align: center;
    border-radius: rem(23px);
    color: #ababab;
  }
}
</style>

<template>
  <div class="book-details-content-navbar">
    <div class="nav-item">玄幻</div>
    <div class="nav-item">仙侠</div>
    <div class="nav-item">都市</div>
    <div class="nav-item">历史</div>
    <div class="nav-item">游戏</div>
    <div class="nav-item">科幻</div>
  </div>
</template>

<script>
export default {
  name: 'bookDetailsContentNavbar'
}
</script>
